﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>作业数据分析面板</title>
    <link href="${ctxPath}/assets/expand/images/zslogo02.png" rel="icon">
    <script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
	<script src="/assets/echarts/js/echarts-tooltip-carousel.js"></script>
    <script type="text/javascript" src="/assets/echarts/js/js.js"></script>
    <script type="text/javascript" src="/assets/echarts/js/jquery.liMarquee.js"></script>
    <script type="text/javascript" src="/assets/echarts/js/jquery.cxselect.min.js"></script>

    <link rel="stylesheet" href="/assets/echarts/css/comon0.css">
</head>
<body>
    <div style="background-color: #010b46;background-image: radial-gradient(#012ae6,#030d4a)">
        <div class="loading">
            <div class="loadbox"> <img src="/assets/echarts/images/loading.gif"> 页面加载中... </div>
        </div>
        <div class="back"></div>
        <div class="head">
            <div class="weather"><span id="showTime"></span></div>
            <h1>极鹿作业单数据可视化控制台</h1>
        </div>
        <script>
            var t = null;
            t = setTimeout(time, 1000);/*開始运行*/
            function time() {
                clearTimeout(t);/*清除定时器*/
                dt = new Date();
                var y = dt.getFullYear();
                var mt = dt.getMonth() + 1;
                var day = dt.getDate();
                var h = dt.getHours();
                var m = dt.getMinutes();
                var s = dt.getSeconds();
                document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
                t = setTimeout(time, 1000); 
            }

        </script>
        <div class="mainbox">
            <ul class="clearfix">
                <li>
                    <div class="boxall" style="height:400px;">
                       	<div class="alltitle" style="width: 50%;float: left;">工人月度作业排名</div>
                       	<div style="width: 50%;float: right;">
                       		<div style="width: 50%;float: left;">
								<select class="select" id="table3_select">
									<option value="体积">体积</option>
									<option value="工时">工时</option>
									<option value="重量">重量</option>
									<option value="数量">数量</option>
								</select>
                       		</div>
                       		<div style="width: 50%;float: right;">
								<select class="select" id="table3_select_type">
		                            <option value=""></option>
		                            <option value="卸车">卸车</option>
		                            <option value="装车">装车</option>
		                            <option value="入库">入库</option>
		                            <option value="移库">移库</option>
		                            <option value="出库">出库</option>
		                            <option value="领料">领料</option>
		                            <option value="理库">理库</option>
		                            <option value="废料">废料</option>
		                            <option value="批量作业">批量作业</option>
		                            <option value="跟车">跟车</option>
		                            <option value="杂工">杂工</option>
		                            <option value="其它">其它</option>
								</select>
                       		</div>
                       	</div>
                        <div class="navboxall">
                            <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody id="table3_tbody">
                                    <tr id="table3_tr">
                                        <th scope="col">排名</th>
                                        <th scope="col">项目部</th>
                                        <th scope="col">姓名</th>
                                        <th scope="col" id="table3_tbody_settlementMode">工时</th>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="boxall" style="height:260px;">
                        <div class="alltitle">流动作业数据</div>
                        <div class="navboxall">
                            <div class="wraptit">
                                <span>项目</span><span>姓名</span><span>作业量</span><span> 用时</span>
                            </div>
                            <div class="wrap">
                                <ul id="wrap-ul">
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div>

                        </div>
                    </div>
                    <div class="boxall" style="height:260px;">
                        <div class="alltitle" style="width: 50%;float: left;">月度作业类型占比</div>
                       	<div style="width: 20%;float: right;">
							<select class="select" id="table6_select">
								<option value="体积">体积</option>
								<option value="工时">工时</option>
								<option value="重量">重量</option>
								<option value="数量">数量</option>
							</select>
                       	</div>

                        <div class="navboxall" id="echart1" style="margin-top: 25px;"></div>
                    </div>
                </li>
                <li>

                    <div class="boxall" style="height:230px">
                        <div class="clearfix navboxall" style="height: 100%">
                            <div class="pulll_left num">
                                <div class="numbt">月度总工时<span>(单位：小时)</span></div>
                                <div class="numtxt" id="hours"></div>
                            </div>
                            <div class="pulll_right zhibiao">
								<select class="select" id="tableindex_select_type">
		                            <option value=""></option>
		                            <option value="卸车">卸车</option>
		                            <option value="装车">装车</option>
		                            <option value="入库">入库</option>
		                            <option value="移库">移库</option>
		                            <option value="出库">出库</option>
		                            <option value="领料">领料</option>
		                            <option value="理库">理库</option>
		                            <option value="废料">废料</option>
		                            <option value="批量作业">批量作业</option>
		                            <option value="跟车">跟车</option>
		                            <option value="杂工">杂工</option>
		                            <option value="其它">其它</option>
								</select>
                                <div class="zb1" style="padding-top: 24px"><span>月平均时效m3</span><div class="numtxt2" id="volume"></div></div>
                                <div class="zb2" style="padding-top: 24px"><span>月平均时效(件)</span><div class="numtxt3" id="nums"></div></div>
                                <div class="zb3"><span>月平均时效(吨)</span><div class="numtxt2" id="weights"></div></div>
                            </div>
                        </div>
                    </div>
                    <div class="boxall" style="height:350px">
                        <div class="alltitle" style="width: 70%;float: left;">月度作业量对比分析</div>
                       	<div style="width: 30%;float: right;">
                       		<div style="width: 50%;float: left;">
								<select class="select" id="table5_select">
									<option value="体积">体积</option>
									<option value="工时">工时</option>
									<option value="重量">重量</option>
									<option value="数量">数量</option>
								</select>
                       		</div>
                       		<div style="width: 50%;float: right;">
								<select class="select" id="table5_select_type">
		                            <option value=""></option>
		                            <option value="卸车">卸车</option>
		                            <option value="装车">装车</option>
		                            <option value="入库">入库</option>
		                            <option value="移库">移库</option>
		                            <option value="出库">出库</option>
		                            <option value="领料">领料</option>
		                            <option value="理库">理库</option>
		                            <option value="废料">废料</option>
		                            <option value="批量作业">批量作业</option>
		                            <option value="跟车">跟车</option>
		                            <option value="杂工">杂工</option>
		                            <option value="其它">其它</option>
								</select>
                       		</div>
                       	</div>
                        <div class="navboxall" id="echart4" style="margin-top: 25px;"></div>
                    </div>
                    <div class="boxall" style="height:340px">
                        <div class="alltitle" style="width: 70%;float: left;">项目月度平均时效排名</div>
                       	<div style="width: 30%;float: right;">
                       		<div style="width: 50%;float: left;">
								<select class="select" id="table4_select">
									<option value="体积">体积</option>
									<option value="重量">重量</option>
									<option value="数量">数量</option>
								</select>
                       		</div>
                       		<div style="width: 50%;float: right;">
								<select class="select" id="table4_select_type">
		                            <option value=""></option>
		                            <option value="卸车">卸车</option>
		                            <option value="装车">装车</option>
		                            <option value="入库">入库</option>
		                            <option value="移库">移库</option>
		                            <option value="出库">出库</option>
		                            <option value="领料">领料</option>
		                            <option value="理库">理库</option>
		                            <option value="废料">废料</option>
		                            <option value="批量作业">批量作业</option>
		                            <option value="跟车">跟车</option>
		                            <option value="杂工">杂工</option>
		                            <option value="其它">其它</option>
								</select>
                       		</div>
                       	</div>
                        <div class="navboxall" id="echart3" style="margin-top: 25px;"></div>
                    </div>
                </li>
                <li>
                    <div class="boxall" style="height:300px">
                        		<div class="alltitle" style="width: 50%;float: left;">项目日作业排名</div>
                        		<div style="width: 50%;float: right;">
                        			<div style="width: 50%;float: left;">
										<select class="select" id="table1_select">
											<option value="体积">体积</option>
											<option value="工时">工时</option>
											<option value="重量">重量</option>
											<option value="数量">数量</option>
										</select>
                        			</div>
		                       		<div style="width: 50%;float: right;">
										<select class="select" id="table1_select_type">
				                            <option value=""></option>
				                            <option value="卸车">卸车</option>
				                            <option value="装车">装车</option>
				                            <option value="入库">入库</option>
				                            <option value="移库">移库</option>
				                            <option value="出库">出库</option>
				                            <option value="领料">领料</option>
				                            <option value="理库">理库</option>
				                            <option value="废料">废料</option>
				                            <option value="批量作业">批量作业</option>
				                            <option value="跟车">跟车</option>
				                            <option value="杂工">杂工</option>
				                            <option value="其它">其它</option>
										</select>
		                       		</div>
                        		</div>
                    
                        <div class="navboxall">
                            <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody id="table1_tbody">
                                    <tr id="table1_tr">
                                        <th scope="col">排名</th>
                                        <th scope="col">项目部</th>
                                        <th scope="col" id="table1_tbody_settlementMode">工时</th>
                                    </tr>

                                </tbody>
                            </table>
                        </div>
                    </div>

                    <div class="boxall" style="height: 300px">
                        		<div class="alltitle" style="width: 50%;float: left;">项目月度作业排名</div>
                        		<div style="width: 50%;float: right;">
                        			<div style="width: 50%;float: left;">
										<select class="select" id="table2_select">
											<option value="体积">体积</option>
											<option value="工时">工时</option>
											<option value="重量">重量</option>
											<option value="数量">数量</option>
										</select>
                        			</div>
		                       		<div style="width: 50%;float: right;">
										<select class="select" id="table2_select_type">
				                            <option value=""></option>
				                            <option value="卸车">卸车</option>
				                            <option value="装车">装车</option>
				                            <option value="入库">入库</option>
				                            <option value="移库">移库</option>
				                            <option value="出库">出库</option>
				                            <option value="领料">领料</option>
				                            <option value="理库">理库</option>
				                            <option value="废料">废料</option>
				                            <option value="批量作业">批量作业</option>
				                            <option value="跟车">跟车</option>
				                            <option value="杂工">杂工</option>
				                            <option value="其它">其它</option>
										</select>
		                       		</div>
                        		</div>
                        <div class="navboxall">
                            <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tbody id="table2_tbody">
                                    <tr id="table2_tr">
                                        <th scope="col">排名</th>
                                        <th scope="col">项目部</th>
                                        <th scope="col" id="table2_tbody_settlementMode">工时</th>
                                    </tr>

                                </tbody>
                            </table>
                        </div>

                    </div>

                    <div class="boxall" style="height:320px">
                        <div class="alltitle">项目月度作业人数分析</div>
                        <div class="navboxall" id="echart2"></div>
                    </div>


                </li>
            </ul>

        </div>
    </div>

    <script>
        $(function () {
            $('.wrap,.adduser').liMarquee({
                direction: 'up',/*身上滚动*/
                runshort: false,/*内容不足时不滚动*/
                scrollamount: 20/*速度*/
            });
        });

    </script>


</body>
</html>
